<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>HTML5 Workshop - Tools</title>
  <link rel="stylesheet" href="js/jquery.mobile-1.0rc2.min.css" />
  <link rel="stylesheet" href="css/common.css" />
  <link rel="stylesheet" media="only screen and (min-width: 1200px) " href="css/web_ip.css"/>
  <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/iphone_ip.css"/>
  <link rel="stylesheet" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="css/ipad_ip.css"/> 
  <link rel="stylesheet" media="only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" href="css/ipad_ip_h.css"/> 
  <script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
  <script type="text/javascript" src="js/UI.js"></script>
  <script type="text/javascript" src="js/jquery.mobile-1.0.js"></script>
	<script>
	addMetaFile();
</script>
</head>

<body>
  <header id="top">
      <div id="logo">logo</div>
      <div id="top_button">
        <span class="toggle_button" id="left_tools_button" style="background-image:url(../image/iphone/phone_topbuttom_bg_hover.png); color:#fff; text-shadow: 0 -1px 1px #758398;">Tolls</span>
        <span class="toggle_button" id="right_games_button">Games</span>
      </div>
      <div id="share">Share weibo</div>
  </header>
  <div id="ip_container">
    <div data-role="page" id="ip_area">
      <div data-role="content" id="content1">
        <!--personal_ip start-->
        <div id="personal_ip">
          <h1 id="current">the current IP is<span id="current_ip">[203.208.61.61]</span></h1>
          <p id="current_source">You come from information technology Co.,Ltd., Beijing Flying people</p>
        </div> 
        <!--personal_ip end-->
        
        <!--ip_address start-->
        <div id="ip_address">
          <h1 id="title_address">IP address</h1>
          <div id="search_box">
            <input id="input_box" type="text" value="203.208.61.61"/>
            <a id="search_button" data-role="button"><img id="search_icon" src="image/tools_ip/search_icon.png"/></a>
          </div>
        </div> 
        <!--ip_address start-->

        <!---->
        <div id="result_box">
          <h1 id="title_result">The result is</h1>
          <div class="result_description">
            <p class="left_title">Site master data:</p>
            <p class="right_origin">Google in China,Beijing</spp>
          </div>
          <div class="result_description">
            <p class="left_title1">Reference a:</p>
            <p class="right_origin1">information Technology Co.,Ltd.,Beijing Flying people</spp>
          </div>
        </div>
        <!---->        
      </div>
		</div>
  </div>
  <footer id="footer">
  </footer>

<script >
$(function(){
    $("#right_games_button").bind('click',function(){
        window.location.href="games.html"; 
    })
});
</script>
</body>
</html>
